<template>
  <div class="pager">
    <el-pagination background layout="prev, pager, next, total, sizes" :page-sizes="pageSizes" :page-size="limit" :current-page="page" :total="total" @current-change="onCurrentChange" @size-change="onSizeChange" />
  </div>
</template>
<script setup>
const emits = defineEmits(['current-change', 'size-change'])
const props = defineProps(['page', 'total', 'limit', 'pageSizes'])

const onCurrentChange = (val) => {
  emits('current-change', val)
}
const onSizeChange = (val) => {
  emits('size-change', val)
}
</script>
